const { Content, Sider,Footer,Header } = Layout;
const {HashRouter  , Route, Link } = ReactRouterDOM;
class App extends React.Component {
    state = {
        collapsed: false,
        userInfo:{

        }
    };
    onCollapse = (collapsed) => {
        this.setState({ collapsed });
    }

    componentDidMount() {
        M.Component.App=this;
    };
    render() {
        return (
            <HashRouter>
                <Layout style={{ minHeight: '100vh' }}>
                    <Sider
                        defaultCollapsed={true} collapsible={true}  width={200} style={{ background: '#fff' }}
                    >
                        <Menu theme="light" defaultSelectedKeys={['1']} mode="inline">
                            <Menu.Item key="MyTableList">
                                <Link to="/">MyTableList</Link>
                            </Menu.Item>
                        </Menu>
                    </Sider>
                    <Layout>
                        <Content style={{ margin: '0 16px' }}>
                            <div style={{ padding: 24, background: '#fff', height: "100%" }}>
                                <Route exact path="/" component={MyTableList} />
                            </div>
                        </Content>
                    </Layout>
                </Layout>
            </HashRouter>
        );
    }
}